 // 从商品详情页面导航到购物车页面之后，需要为 tabBar 中的购物车动态设置数字徽标。
  // 把 Store 中的 total 映射到 cart.vue 中使用：
  import { mapGetters } from 'vuex'
  
 export default {
   computed: {
     // 将 m_cart 模块中的 total 映射为当前页面的计算属性
     ...mapGetters('m_cart', ['total'])
   },
   
   
   // 在页面刚显示出来时候就立即调用setBadge 方法，为 tabBar 设置数字徽标
   onShow() {
     // 在页面刚展示的时候，设置为 tabBar 设置数字徽标的方法
     this.setBadge()
   },
   
   
   methods:{
      // 为 tabBar 设置数字徽标的方法
     setBadge() {
       // 通过uni.setTabBarBadge()
       uni.setTabBarBadge({
         index:2,//索引
         text:this.total + ''
       })
     } 
   },
   
   watch: {
     // 监听 total 值的变化  
     // 解决购物车 数量小标不随时变化bug
     total() {
       // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
       this.setBadge()
     }
   }
   
   
 }